<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<div class="panel panel-sm">
	<table>
		
		<shiro:hasPermission name="pages/employee/emplist.jsp">
			<input type="button" class="btn btn-primary" value="查询"/>
		</shiro:hasPermission>
		<shiro:hasPermission name="pages/employee/add">
			<input type="button" class="btn btn-primary" value="增加"/>
		</shiro:hasPermission>
	</table>
	<table id="empTab" class="tab"></table>
</div>

<script language="javascript">
$(function(){
	initEmpTab();
});
function initEmpTab() {
	$('#empTab').bootstrapTable({
		url : '${pageContext.request.contextPath}/emp/list', //请求后台的URL（*）
		method : 'get', //请求方式（*）
		striped : true, //是否显示行间隔色
		cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		pagination : true, //是否显示分页（*）
		queryParams: function(params){
			console.log(params);
			return params;
		},//传递参数（*）
		sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*）
		pageNumber : 1, //初始化加载第一页，默认第一页
		pageSize : 5, //每页的记录行数（*）
		pageList : [ 5, 10, 20], //可供选择的每页的行数（*）
		contentType : "application/x-www-form-urlencoded",
		responseHandler : function(res) {
			console.log(res);
			//return res.result;
			return {
				rows:res.result,
				total: res.result.total
			};
		},
		//showColumns : true, //是否显示所有的列
		minimumCountColumns : 2, //最少允许的列数
		clickToSelect : true, //是否启用点击选中行
		//height : 700, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
		uniqueId : "empNo", //每一行的唯一标识，一般为主键列
		columns : [ {
			field : 'empNo',
			title : '员工编号'
		}, {
			field : 'empName',
			title : '姓名'
		}, {
			field : 'empSex',
			title : '性别',
			formatter : function(value,row,index){
				if(value=='F')
					return '女';
				else
					return '男';
			}
		}, {
			field : 'empSalary',
			title : '薪水'
		}, {
			field : 'empBirth',
			title : '生日',
			formatter : function(value, row, index) {
				var unixTimestamp = new Date(value);
				return unixTimestamp.getFullYear() + "/" + (unixTimestamp.getMonth() + 1) + "/" + unixTimestamp.getDate();
			}
		}, {
			field : 'createdt',
			title : '创建日期',
			formatter : function(value, row, index) {
				var unixTimestamp = new Date(value);
				return unixTimestamp.getFullYear() + "/" + (unixTimestamp.getMonth() + 1) + "/" + unixTimestamp.getDate();
			}
		},{
			field : 'updatedt',
			title : '修改日期',
			formatter : function(value, row, index) {
				var unixTimestamp = new Date(value);
				return unixTimestamp.getFullYear() + "/" + (unixTimestamp.getMonth() + 1) + "/" + unixTimestamp.getDate();
			}
		},{
			field : 'operate',
			title : '操作',
			formatter : operateFormatter
		//自定义方法，添加操作按钮
		}, ],
		rowStyle : function(row, index) {
			var classesArr = [ 'success', 'info' ];
			var strclass = "";
			if (index % 2 === 0) {//偶数行
				strclass = classesArr[0];
			} else {//奇数行
				strclass = classesArr[1];
			}
			return {
				classes : strclass
			};
		},//隔行变色
	});
}

function operateFormatter(value, row, index) {//赋予的参数
	var multi = new Array();
	<shiro:hasPermission name="pages/employee/update">
		multi.push('<a class="btn btn-primary" href="#">编辑</a>');
	</shiro:hasPermission>
	<shiro:hasPermission name="pages/employee/delete">
		multi.push('<a class="btn btn-primary" href="#">删除</a>');
	</shiro:hasPermission>
	return multi.join('');
}
</script>










